
* {

    margin: 0;

    padding: 0;

}



html {

    height: 100%;

    width: 100%;

    overflow: hidden;

    margin: 0;

    padding: 0;

    background: url(../images/bj.jpg) no-repeat 0px 0px;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    -moz-background-size: 100% 100%;

}



body {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

}

#center {



    width:25%;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 50%;

    background-color: rgba(250, 249, 246, 0.479);

    border-radius: 50%;



}



p {

    margin-top: 30px;

    margin-left: 20px;

    color: rgb(51, 59, 59);

}



input {

    margin-left: 15px;

    border-radius: 5px;

    border-style: hidden;

    height: 30px;

    width: 140px;

    background-color: rgba(119, 173, 209, 0.5);

    outline: none;

    color: #ffffff;

    padding-left: 10px;

}



.button {

    border-color: cornsilk;

    background-color: rgba(100, 149, 237, .7);

    color: aliceblue;

    border-style: hidden;

    border-radius: 5px;

    width: 100px;

    height: 31px;

    font-size: 16px;

}

a{

    font-size: 17px;

    color:rgb(38, 135, 247);

}